:root {
    /* 主色调为深蓝色 */
    --primary-color: #545c64;
    /* 背景色为浅灰色 */
    --bg-color: #f5f6fa;
    /* 文字颜色为深灰色 */
    --text-color: #495057;
    /* 边框颜色为浅灰色 */
    --border-color: #ced4da;
    /* 悬停颜色为浅蓝色 */
    --hover-color: #e2e6ea;
    /* 激活颜色为深蓝色 */
    --active-color: var(--primary-color);
    /* 卡片颜色为白色 */
    --card-color: #fff;
    /* 表格颜色为白色 */
    --table-color: var(--card-color);
    /* 表头颜色为浅灰色 */
    --thead-color: #f5f6fa;
}

* {
    box-sizing: border-box;
}


/* 全局滚动条样式 */
*::-webkit-scrollbar {
    background-color: #ffffff;
    width: 5px;
    height: 5px;
}

*::-webkit-scrollbar-thumb {
    background-color: #cccccc;
    border-radius: 25px;
}

body {
    height: 100vh;
    width: 100vw;
    margin: 0;
    overflow: hidden;
}


#app {
    width: 100vw;
    height: 100vh;
}


#nprogress .bar {
    background-color: #409eff !important;
}